<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mashura HTML Template | About Us</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Work+Sans:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style Four -->
    <header class="main-header header-style-four">
		
		<!-- Header Upper -->
        <div class="header-upper">
        	<div class="auto-container">
            	<div class="clearfix">
                	
                	<div class="pull-left logo-box">
                    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" title=""></a></div>
                    </div>
                   	
                   	<div class="nav-outer clearfix">
						<!--Mobile Navigation Toggler-->
                        <div class="mobile-nav-toggler"><span class="icon fa fa-ellipsis-h"></span></div>
						<!-- Main Menu -->
						<nav class="main-menu show navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
								<ul class="navigation clearfix">
									<li class="current dropdown"><a href="#">Home</a>
										<ul>
											<li><a href="index.html">Home Page 01</a></li>
											<li><a href="index-2.html">Home Page 02</a></li>
											<li><a href="index-3.html">Home Page 03</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#">About Us</a>
										<ul>
											<li><a href="about.html">About Us</a></li>
											<li><a href="team.html">Team</a></li>
											<li><a href="pricing.html">Pricing</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#">Blog</a>
                                        <ul>
                                            <li><a href="blog.html">Our Blog</a></li>
											<li><a href="blog-classic.html">Blog Classic</a></li>
											<li><a href="blog-detail.html">Blog Detail</a></li>
											<li><a href="not-found.html">Not Found</a></li>
                                        </ul>
                                    </li>
									<li class="dropdown"><a href="#">Portfolio</a>
                                        <ul>
                                            <li><a href="portfolio.html">Portfolio 01</a></li>
                                            <li><a href="portfolio-two.html">Portfolio 02</a></li>
											<li><a href="portfolio-three.html">Portfolio 03</a></li>
											<li><a href="portfolio-four.html">Portfolio 04</a></li>
											<li><a href="portfolio-detail.html">Portfolio Detail</a></li>
                                        </ul>
                                    </li>
									<li><a href="contact.html">Contact Us</a></li>
								</ul>
							</div>
							
						</nav>
						
					</div>
                   
                </div>
            </div>
        </div>
        <!-- End Header Upper -->
        
		<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
				<div class="pull-left logo-box">
					<div class="logo"><a href="index.html"><img src="images/logo-2.png" alt="" title="Bootcamp"></a></div>
				</div>
				<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            	<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
				
				<!-- Mobile Menu Info -->
				<div class="mobile-menu-info">
					<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
					<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
				</div>
				
				<!-- Newsletter Form -->
				<div class="newsletter-form">
					<form method="post" action="contact.html">
						<div class="form-group">
							<input type="email" name="email" value="" autocomplete="off" placeholder="Newsletter" required>
							<button type="submit" class="theme-btn fa fa-envelope"></button>
						</div>
					</form>
				</div>
				
            </nav>
			
        </div><!-- End Mobile Menu -->
		
    </header>
    <!-- End Main Header -->
	
	<!-- Page Title Section -->
    <section class="page-title-two-section" style="background-image:url(images/background/2.jpg)">
		<div class="auto-container">
			<div class="content">
				<h1>About Me</h1>
				<div class="text">Freelance Ui/UX Designer With over 15 years of experience</div>
			</div>
		</div>
	</section>
	<!-- End Page Title Section -->
	
	<!-- Profile Section -->
	<section class="profile-section">
		<div class="auto-container">
		
			<!-- Upper Box -->
			<div class="upper-box">
				<div class="row clearfix">
					
					<!-- Column -->
					<div class="column col-lg-4 col-md-12 col-sm-12">
						<h2>Hey, I’m <span>Nicola</span>. <i>My Journey Starts.</i></h2>
					</div>
					
					<!-- Column -->
					<div class="column col-lg-8 col-md-12 col-sm-12">
						<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore magna aliqua. Utas enim ad minim veniamh quis nostrud exercitation ullamco laboris nisiut aliquip duis aute irure dolor in reprehenderit ina voluptate velit esse sed cillum dolore aulys fugiat nulla pariatur excepteur sint. Occaecat nony proident sunt in culpa qui officia deser sit cupidatate sed ipsum dolor.</p>
					</div>
					
				</div>
			</div>
			
			<!-- Lower Box -->
			<div class="lower-box">
				<div class="row clearfix">
					
					<!-- Column -->
					<div class="column col-lg-4 col-md-12 col-sm-12">
						<div class="image wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
							<img src="images/resource/image-1.jpg" alt="" />
						</div>
					</div>
					<!-- Column -->
					<div class="column col-lg-8 col-md-12 col-sm-12">
						<p>Unt mollit anim id est laborum. Sed ut perspiciatis unde omnis tsenatus voluptatery sed accusantium architecto beatae vitae dicta sunt explicabo. Nemo sed enim ipsam voluptatem quia voluptas dolor sit aspernatur nostrud.</p>
						<a href="#" class="learn-more">// learn more</a>
						<div class="profile-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
							<ul>
								<li><a href="#"><span class="arrow"></span>my portfolio</a></li>
								<li><a href="#"><span class="arrow "></span>Download my cv</a></li>
							</ul>
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</section>
	<!-- End Profile Section -->
	
	<!-- Featured Section -->
	<section class="featured-section">
		<div class="auto-container">
			<div class="row clearfix">
			
				<!-- Featured Block -->
				<div class="featured-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="number">01</div>
						<div class="icon-box">
							<span class="icon"><img src="images/icons/feature-1.png" alt="" /></span>
						</div>
						<h5>Brainstorming</h5>
						<div class="text">Vim novum tritaniys scribentur varet peru dicat copiosae reprimique teimy laborey fabulas scriptorem.</div>
					</div>
				</div>
				
				<!-- Featured Block -->
				<div class="featured-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="number">02</div>
						<div class="icon-box">
							<span class="icon"><img src="images/icons/feature-2.png" alt="" /></span>
						</div>
						<h5>Development</h5>
						<div class="text">Vim novum tritaniys scribentur varet peru dicat copiosae reprimique teimy laborey fabulas scriptorem.</div>
					</div>
				</div>
				
				<!-- Featured Block -->
				<div class="featured-block col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box">
						<div class="number">03</div>
						<div class="icon-box">
							<span class="icon"><img src="images/icons/feature-3.png" alt="" /></span>
						</div>
						<h5>Launching</h5>
						<div class="text">Vim novum tritaniys scribentur varet peru dicat copiosae reprimique teimy laborey fabulas scriptorem.</div>
					</div>
				</div>
				
			</div>
		</div>
	</section>
	<!-- End Services Section -->
	
	<!-- Skill Section -->
	<section class="skill-section">
		<div class="auto-container">
			<div class="row clearfix">
					
				<!-- Skill Column -->
				<div class="skill-column col-lg-7 col-md-12 col-sm-12">
					<div class="inner-column">
						<!-- Sec Title -->
						<div class="sec-title">
							<h2><i>Creativity & Skills</i> I Have<span class="theme_color">.</span></h2>
							<div class="text">Sed do eiusmod ven tempor incididunts uet labore dolore magna aliqua adminim veniam quis lorem ipsum dolor sit amet consect adipisicing elit eiusmod tempor incididunt labore dolore magna aliqua. </div>
						</div>
						
						<div class="skill-block">
						
							<div class="bar-item">
								<div class="skill-bar">
									<div class="bar-inner">
										<div class="bar progress-line" data-height="70"></div>
										<div class="skill-percentage"><div class="count-box"><span class="count-text" data-speed="2000" data-stop="70">0</span>%</div></div>
									</div>
								</div>
								<div class="skill-title">seo tools</div>
							</div>
							
							<div class="bar-item">
								<div class="skill-bar">
									<div class="bar-inner">
										<div class="bar progress-line" data-height="90"></div>
										<div class="skill-percentage"><div class="count-box"><span class="count-text" data-speed="2000" data-stop="90">0</span>%</div></div>
									</div>
								</div>
								<div class="skill-title">html & css</div>
							</div>
							
							<div class="bar-item">
								<div class="skill-bar">
									<div class="bar-inner">
										<div class="bar progress-line" data-height="45"></div>
										<div class="skill-percentage"><div class="count-box"><span class="count-text" data-speed="2000" data-stop="45">0</span>%</div></div>
									</div>
								</div>
								<div class="skill-title">web design</div>
							</div>
							
							<div class="bar-item">
								<div class="skill-bar">
									<div class="bar-inner">
										<div class="bar progress-line" data-height="60"></div>
										<div class="skill-percentage"><div class="count-box"><span class="count-text" data-speed="2000" data-stop="60">0</span>%</div></div>
									</div>
								</div>
								<div class="skill-title">markeating</div>
							</div>

						</div>
						
					</div>
				</div>
				
				<!-- Image Column -->
				<div class="image-column col-lg-5 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="image wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
							<img src="images/resource/skill.jpg" alt="" />
						</div>
					</div>
				</div>
					
			</div>
		</div>
	</section>
	<!-- End Skill Section -->
	
	<!-- Portfolio Section Two -->
	<section class="portfolio-section-two">
		<div class="auto-container">
			<!-- Sec Title -->
			<div class="sec-title centered">
				<h2>Recent Projects<span class="theme_color">.</span></h2>
			</div>
		</div>
		
		<!-- Outer Container -->
		<div class="outer-container">
			<div class="row clearfix">
				
				<!-- Project Block Two -->
				<div class="project-block-two col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<figure class="image-box">
							<img src="images/gallery/7.jpg" alt="">
							<!-- Overlay Box -->
							<div class="overlay-box">
								<div class="overlay-inner">
									<div class="content">
										<a href="images/gallery/7.jpg" data-fancybox="gallery-1" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
										<h4><a href="portfolio-detail.html">Business Cards</a></h4>
										<div class="category">\\  photography</div>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
				
				<!-- Project Block Two -->
				<div class="project-block-two col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<figure class="image-box">
							<img src="images/gallery/8.jpg" alt="">
							<!-- Overlay Box -->
							<div class="overlay-box">
								<div class="overlay-inner">
									<div class="content">
										<a href="images/gallery/8.jpg" data-fancybox="gallery-1" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
										<h4><a href="portfolio-detail.html">Business Cards</a></h4>
										<div class="category">\\  photography</div>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
				
				<!-- Project Block Two -->
				<div class="project-block-two col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<figure class="image-box">
							<img src="images/gallery/9.jpg" alt="">
							<!-- Overlay Box -->
							<div class="overlay-box">
								<div class="overlay-inner">
									<div class="content">
										<a href="images/gallery/9.jpg" data-fancybox="gallery-1" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
										<h4><a href="portfolio-detail.html">Business Cards</a></h4>
										<div class="category">\\  photography</div>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
				
				<!-- Project Block Two -->
				<div class="project-block-two col-lg-3 col-md-6 col-sm-12">
					<div class="inner-box">
						<figure class="image-box">
							<img src="images/gallery/10.jpg" alt="">
							<!-- Overlay Box -->
							<div class="overlay-box">
								<div class="overlay-inner">
									<div class="content">
										<a href="images/gallery/10.jpg" data-fancybox="gallery-1" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
										<h4><a href="portfolio-detail.html">Business Cards</a></h4>
										<div class="category">\\  photography</div>
									</div>
								</div>
							</div>
						</figure>
					</div>
				</div>
				
			</div>
		</div>
		
	</section>
	<!-- End Portfolio Section Two -->
	
	<!-- Intouch Section -->
	<section class="intouch-section">
		<div class="auto-container">
			<div class="inner-container">
				
				<!-- Sec Title -->
				<div class="sec-title centered">
					<h2>Get In Touch<span class="theme_color">.</span></h2>
				</div>
				
				<!-- Default Form -->
				<div class="default-form contact-form">
					<form method="post" action="sendemail.php" id="contact-form">
						<div class="row clearfix">
							
							<div class="form-group col-md-6 col-sm-6 col-xs-12">
								<input type="text" name="username" value="" placeholder="Your Name" required>
							</div>
							
							<div class="form-group col-md-6 col-sm-6 col-xs-12">
								<input type="email" name="email" value="" placeholder="Email Address" required>
							</div>
							
							<div class="form-group col-md-12 col-sm-12 col-xs-12">
								<input type="text" name="subject" value="" placeholder="Subject" required>
							</div>
							
							<div class="form-group col-md-12 col-sm-12 col-xs-12">
								<textarea name="message" placeholder="Message"></textarea>
							</div>
							
							<div class="form-group text-center btn-column col-md-12 col-sm-12 col-xs-12">
								<button type="submit" class="theme-btn btn-style-one"><span class="txt">// Send Message</span></button>
							</div>
							
						</div>
						
					</form>
				</div>
				
			</div>
		</div>
	</section>
	<!-- End Intouch Section -->
	
	<!-- Main Footer -->
    <footer class="main-footer">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Logo Column -->
				<div class="left-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="" /></a>
						</div>
						<div class="copy">© 2020</div>
						
						<!-- Newsletter Form -->
						<div class="newsletter-form-two">
							<form method="post" action="contact.html">
								<div class="form-group">
									<input type="email" name="email" value="" autocomplete="off" placeholder="Subscribe Newsletter" required>
									<button type="submit" class="theme-btn fa fa-envelope"></button>
								</div>
							</form>
						</div>
						
					</div>
				</div>
				
				<!-- Info Column -->
				<div class="right-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<!-- Mobile Menu Info -->
						<div class="mobile-menu-info clearfix">
							<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
							<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</footer>
	<!-- End Main Footer -->
	
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/element-in-view.js"></script>
<script src="js/jquery.paroller.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/validate.js"></script>
<script src="js/tilt.jquery.min.js"></script>
<!--Master Slider-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>

</body>
</html>